<template>
    <transition>
      <slot></slot>
    </transition>
</template>

<script>
export default{
  name: 'FadeAnimation',
  data () {
    return {}
  },
  methods: {}
}
</script>

<style type="text/css" lang="scss" scoped>
.v-enter, .v-leave-to{
  opacity: 0;
}
  .v-enter-active, .v-leave-active{
    transition: opacity 0.5s;
  }
</style>
